body{
			padding: 0%;
			margin: 0%;
			color: white;
		}
		.settingBox{
			position: relative;
			margin: auto;
			top: 60px;
			width: 680px;
			height: 500px;
			border: 1px solid #292e43;
			background-color: #292e43;
			border-radius: 16px;
		}
		ul{
			margin-top: 0%;
			padding-left: 6%;
			list-style-type: none; /* 去掉默认的列表样式 */
		}
		ul li{
			list-style: none;
		}
		.settingBox_head{
			position: absolute;
			width: 680px;
			height: 70px;
			border-bottom: 1px solid #373e53;
		}
		.settingBox_main{
			position: absolute;
			top: 70px;
			width: 680px;
			height: 428px;
		}
		.settingBox_main_left{
			margin-top: 0;
			width: 160px;
			height: 428px;
			border-right: 1px solid #373e53;
		}
		.settingBox_main_left li{
			margin-bottom: 12px;
			width: 90px;
			padding: 19px 22px;
			
			border-radius: 6px;
			font-size: 16px;
		}
		.settingBox_main_left li:hover{
			background-color: #3b3d51;
		}
		.settingBox_main_right{
			position: absolute;
			width: 520px;
			height: 428px;
			top: 0px;
			left: 160px;
		}
		.settingBox_headImg{
			/* position: absolute; */
			margin: auto;
			margin-top: 14px;
			display: block;
			width:65px ;
			height: 65px;
		}
		.settingBox_userName{
			margin: 8px 0px;
			display: block;
			text-align: center;
			font-size: 18px;
			font-weight: 500;
		}
		.settingBox_main_btnBox{
			margin: auto;
			margin-top: 30px;
			width: 460px;
			height: 290px;
			border-top:1px solid #373e53;
		}
		
		.radio_type{
		    width: 20px;
		    height: 20px;
		    appearance: none;
		    position: relative;
		}
		.radio_type:before{
		    content: '';
		    width: 16px;
		    height: 16px;
		    border: 1px solid #7d7d7d;
		    display: inline-block;
		    border-radius: 50%;
		    vertical-align: middle;
		}
		.radioHover{
			content: '';
			width: 16px;
			height: 16px;
			border: 1px solid #ef5252;
			display: inline-block;
			border-radius: 50%;
			vertical-align: middle;
		}
		.radio_type:checked:before{
		    content: '';
		    width: 16px;
		    height: 16px;
		    border: 1px solid #bdbfc5;
		    background:#9697c5;
		    display: inline-block;
		    border-radius: 50%;
		    vertical-align: middle;
		}
		.radio_type:checked:after{
		    content: '';
		    width: 10px;
		    height:5px;
		    border: 2px solid white;
		    border-top: transparent;
		    border-right: transparent;
		    text-align: center;
		    display: block;
		    position: absolute;
		    top: 4px;
		    left:2.9px;
		    vertical-align: middle;
		    transform: rotate(-45deg);
		}
		.li_btn{
			padding: 16px 0px;
			border-bottom:1px solid #373e53;
			cursor: pointer;
		}
		input::-webkit-input-placeholder {
			color: #c1c1c1;
		}
		.friendBox{
			position: relative;
			width: 406px;
			height: 90px;
			border-bottom: 1px solid #3f424c;
		}
		.friendBox span{
			position: absolute;
			height: 20px;
		}
		.friend_name{
			left: 70px;
			top: 24px;
		}
		.friend_signature{
			left: 70px;
			top: 44px;
			font-size: 12px;
			color: #bdbfc5;
		}
		.normalBtn{
			padding: 10px 26px;
			border: 1px solid #50546a;
			background-color: #50546a;
			border-radius: 6px;
			position: absolute; 
			top: 26px;left: 320px;
			color: white;
			cursor: pointer;
		}
		.normalBtn:hover{
			background-color: #64687e;
			border: 1px solid #64687e;
		}
		.friendListBox{
			width: 520px;
			height: 180px;
			overflow: scroll;
		}
		.friendListBox li{
			width: 420px;
			padding-left: 26px;
		}
		.friendListBox::-webkit-scrollbar{
			display: none;
		}
		.finishBtn{
			padding: 12px 188px;
			background-color: #ef5252;
			border: 1px solid #ef5252;
			border-radius: 6px;
			color: white;
			cursor: pointer;
		}
		.finishBtn:hover{
			background-color: #d84949;
			border: 1px solid #d84949;
		}